<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>  
<html>
	<head>
		<title>Billetterie 525 - Entrer les informations de la carte</title>
	</head>
	
	<!-- head -->
	<jsp:include page="head.html" />
	
	<body>
	
	    <!--container-->
	    <div id="container">
		
		<!-- header -->
		<jsp:include page="header.html" />
		
		<!--body-->
		<div class="holder_content">
	            
		<h3>VOS ACHATS</h3>     
	    <div class="shoppingcart">
	    	<table>
			<tr>
	        	<td>Humoriste</td>
	        	<td>Spectacle</td>
				<td>Date</td>
	            <td>Heure</td>
	            <td>Salle</td>
	            <td>Nombre de billets</td>
	            <td>Sous-total</td>
	        </tr>
	        <tr>
	        	<td>Martin Matte</td>
	            <td>Condamné à l'excellence</td>
	        	<td>20 Juin 2014</td>
	            <td>19h</td>
	            <td>Théatre Lionel-Groulx Sainte-Thérèse</td>
	            <td>2</td>
	            <td>110$</td>
	        </tr>
	        <tr>
	        	<td>Martin Matte</td>
	            <td>Condamné a l'excellence</td>
	        	<td>20 Juin 2014</td>
	            <td>19h</td>
	            <td>Théatre Lionel-Groulx Sainte-Thérèse</td>
	            <td>1</td>
	            <td>55$</td>
	        </tr>
	        <tr>
	        	<td>Martin Matte</td>
	            <td>Condamné a l'excellence</td>
	        	<td>20 Juin 2014</td>
	            <td>19h</td>
	            <td>Théatre Lionel-Groulx Sainte-Thérèse</td>
	            <td>2</td>
	            <td>110$</td>
	        </tr>
		</table>
	    </div>
	    
	    <h3 class="payer">PAYER LE PANIER</h3>
	    
	    <div class="form">
	    <form id="contactform">
	    <p class="contact"><label for="name">NOM</label></p>
	    <input id="name" name="name" placeholder="PRÉNOM ET NOM" required tabindex="1" type="text" maxlength="60">
	    <p class="contact"><label for="adress">ADRESSE</label></p>
	    <input id="adress" name="adress" placeholder="ADRESSE" required tabindex="2" type="text" maxlength="60">
	    <p class="contact"><label for="postal">CODE POSTAL</label></p>
	    <input id="postal" name="postal" placeholder="CODE POSTAL" required tabindex="3" type="text" maxlength="60">
	    <p class="contact"><label for="town">VILLE</label></p>
	    <input id="town" name="town" placeholder="VILLE" required tabindex="4" type="text" maxlength="60">
	    <p class="contact"><label for="number">NUMÉRO DE CARTE DE CRÉDIT</label></p>
	    <input id="number" name="number" placeholder="XXXX XXXX XXXX" required tabindex="5" type=text pattern="[0-9]{13,16}" maxlength="19">
	    <p class="contact"><label>DATE D'EXPIRATION</label></p>
	    <fieldset>
			<label class="cardmonth">MOIS</label>
			<select name="month" tabindex="6">
			<option value="01">Janvier</option>
			<option value="02">Février</option>
			<option value="03">Mars</option>
			<option value="04">Avril</option>
			<option value="05">Mai</option>
			<option value="06">Juin</option>
			<option value="07">Juillet</option>
			<option value="08">Août</option>
			<option value="09">Septembre</option>
			<option value="10">Octobre</option>
			<option value="11">Novembre</option>
			<option value="12">Décembre</option>
			</select>
			<label>ANNÉE<input class="cardyear" maxlength="4" name="year" placeholder="XXXX" tabindex="7" required></label>
		</fieldset>
	    <p class="contact"><label for="code">CODE DE SÉCURITÉ</label></p>
	    <input class="code" id="code" name="code" placeholder="XXXX" required tabindex="8" type=text pattern="[0-9]{13,16}" maxlength="4">
	    <label><a href="images/bigcode.jpg"><img src="images/minicode.jpg" alt="CODE DE SÉCURITÉ" title="CLIQUEZ POUR AGRANDIR" /></a></label>
	    </form>
	    </div>
	    
	    <p class="livraison">LIVRAISON DES BILLETS SOUS LES 5 JOURS OUVRABLES</p>
	    <span class="total">TOTAL : 275$</span>
	    <button type="button" class="ajouter" onclick="location.href = 'shoppingCart.jsp';">MODIFIER LE PANIER</button>
	    <button type="button" class="ajouter" onclick="location.href = 'confirmation.jsp';">PAYER LE PANIER</button>
	    
		</div>
	    
		<!--end container-->
	    </div>
	   
		<!-- footer -->
		<jsp:include page="footer.html" />	
	     
	</body>
</html>
